<%-- 
    Document   : reporteCostoCombustible
    Created on : 6/07/2013, 02:32:51 AM
    Author     : Ahmed
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@ include file="../jspf/header.jspf" %>
        <script src = "resources/js/SistemaWeb/permisos.js"></script>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script src = "resources/js/SistemaWeb/Reportes/Main.js"></script>
        <script src = "resources/js/SistemaWeb/Reportes/reporteCostoCombustible.js"></script>
        <script type="text/javascript" src = "resources/js/Home/validaciones.js"></script>
        <title>Reporte de Costo de Combustible</title>
    </head>
    <body>
        <%@ include file="../jspf/body.jspf" %>
        <div class="container-fluid">
            <h2 class="control-label" style="font-style: normal" >Reporte de costos por combustible</h2>        
            <div  id = "cargando" class="progress progress-striped active" style="display:none;">
                           <div class="bar" style="width: 98%;"></div>
           </div>        
           <div class="controls-row"> 
               <div class="control-group" style="display: inline-block; vertical-align: top">
                   <label class="control-label">Fecha Inicio</label>
                   <div class="controls">
                      <input type="text" id="fechaInicioZona"/> 
                      <label id="RegLblErrorFechaIni" class="erroresClase" style="color: Red"></label>
                   </div>
               </div>
               <div class="control-group" style="display: inline-block; vertical-align: top">
                   <label class="control-label">Fecha Fin</label>
                   <div class="controls">
                      <input type="text" id="fechaFinZona"/> 
                      <label id="RegLblErrorFechaFin" class="erroresClase" style="color: Red"></label>
                   </div>
               </div>
               <div class="control-group" style="display: inline-block; vertical-align: top">
                   <label class="control-label" style="color: #f0f0f0">*</label>
                   <div class="controls">
                       <button id = "btConsultar" class="btn btn-primary">Generar Reporte</button>
                   </div>
               </div>
               <label id="RegLblErrorFechaNoIgual" class="erroresClase" style="color: Red"></label>            
           </div>  
           <div id="alerta" class="alert alert-info fade in">
                        <button type="button" class="close" data-dismiss="alert">*</button>
                        <h4 class="alert-heading">No existe ningún sobrecosto por combustible en este rango de fechas</h4>
           </div>
           <div id="alertaTabla"></div>
                <div class="container-fluid">
                    <div class="row-fluid center-table">
                        <div id="visualization"></div>
                        <hr>
                        <div id="table_div" class="span5 center-table"></div>                
                    </div>
                </div>            
         </div>
    </body>
</html>
